<template>
<div class="search">
   <Header></Header>
   <section>
      <div class="search-history">
         <h2>
            <i class="iconfont icon-06"></i>
         <span>历史搜索</span>
         <span>清空历史记录</span>
         </h2>
         <ul>
            <li>茶叶</li>
            <li>茶叶</li>
            <li>茶叶</li>
            <li>茶叶</li>
            <li>茶叶</li>
            <li>茶叶</li>
            <li>茶叶</li>
            <li>茶叶</li>
            <li>茶叶</li>
         </ul>
      </div>
      <div>
         <h1>推荐商品</h1>
         <Like/>
      </div>
   </section>
  <Tabbar></Tabbar>
</div>
  
</template>

<script>
import Header from '../components/search/Hearder.vue'
import Tabbar from '../components/common/Tabbar.vue'
import Like from '@/components/home/Like.vue'
export default {
  components: { 
     Header,Tabbar,Like
   }

}
</script>

<style scoped>
.search{
   display: flex;
   flex-direction: column;
   width: 100vw;
   height: 100vh;
}

</style>